<template>
    <div class="login">
        <login-panel></login-panel>
    </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import LoginPanel from './cpns/login-panel.vue';
export default defineComponent ( {
    components:{
        LoginPanel
    },
    setup() {
        return {

        }
    }
})
</script>
<style scoped lang="less">
.login {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-image: url('../../assets/img/login-bg.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
</style>